<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2447459" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon custom-icon">&#xe6a8;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe65a;</span>
                <div class="name">修改</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe6c4;</span>
                <div class="name">替换</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe630;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe6f0;</span>
                <div class="name">app</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe73f;</span>
                <div class="name">小程序</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe695;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe61e;</span>
                <div class="name">技能</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe607;</span>
                <div class="name">主页</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe6f7;</span>
                <div class="name">留言</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe64d;</span>
                <div class="name">排列</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe650;</span>
                <div class="name">商品</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe690;</span>
                <div class="name">图标_支付-钱包支付-94</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe686;</span>
                <div class="name">彩友多_支付-微信支付</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe68f;</span>
                <div class="name">图标_支付_支付宝支付</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe61f;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe620;</span>
                <div class="name">个人中心</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe628;</span>
                <div class="name">工作单位</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe629;</span>
                <div class="name">工作时间</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe62a;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe62d;</span>
                <div class="name">关于</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe62e;</span>
                <div class="name">就诊人管理</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe631;</span>
                <div class="name">就诊提醒</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe63a;</span>
                <div class="name">距离</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe64c;</span>
                <div class="name">免责声明</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe64e;</span>
                <div class="name">删减</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe651;</span>
                <div class="name">身份证</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe652;</span>
                <div class="name">手机版</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe653;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe654;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe655;</span>
                <div class="name">完成</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe656;</span>
                <div class="name">未读</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe657;</span>
                <div class="name">我的关注</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe658;</span>
                <div class="name">我的评价</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe659;</span>
                <div class="name">我的钱包</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe65b;</span>
                <div class="name">我的通知</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe65c;</span>
                <div class="name">我的预约</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe65d;</span>
                <div class="name">邀请患者</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe65e;</span>
                <div class="name">邀请同行</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe65f;</span>
                <div class="name">医生职称</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe660;</span>
                <div class="name">已读</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe661;</span>
                <div class="name">用户反馈</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe662;</span>
                <div class="name">预约挂号</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe664;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe665;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe627;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe617;</span>
                <div class="name">互联网off</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xeb00;</span>
                <div class="name">Android更多</div>
                <div class="code-name">&amp;#xeb00;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe901;</span>
                <div class="name">闭眼睛</div>
                <div class="code-name">&amp;#xe901;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe64b;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xeca5;</span>
                <div class="name">声音_实体</div>
                <div class="code-name">&amp;#xeca5;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xecac;</span>
                <div class="name">设备开发</div>
                <div class="code-name">&amp;#xecac;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xed1a;</span>
                <div class="name">错误空心</div>
                <div class="code-name">&amp;#xed1a;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xed21;</span>
                <div class="name">加_色块</div>
                <div class="code-name">&amp;#xed21;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xed22;</span>
                <div class="name">减_色块</div>
                <div class="code-name">&amp;#xed22;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe708;</span>
                <div class="name">空</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe694;</span>
                <div class="name">查看名片</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe796;</span>
                <div class="name">账单</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe623;</span>
                <div class="name">标注</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe625;</span>
                <div class="name">组织页面</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe626;</span>
                <div class="name">数字签名</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe75b;</span>
                <div class="name">倒三角</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf155;</span>
                <div class="name">倒三角</div>
                <div class="code-name">&amp;#xf155;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe676;</span>
                <div class="name">绑定-01</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe61c;</span>
                <div class="name">yly_计算器</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe61d;</span>
                <div class="name">商铺   商城   首页  房子</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe60d;</span>
                <div class="name">陈</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe60e;</span>
                <div class="name">广安</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe60f;</span>
                <div class="name">1</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe603;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe601;</span>
                <div class="name">3.1转发</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf14e;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xf14e;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf14f;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xf14f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf150;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xf150;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf151;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xf151;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe668;</span>
                <div class="name">联系客服</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe62b;</span>
                <div class="name">眼睛</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe612;</span>
                <div class="name">眼睛</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe622;</span>
                <div class="name">收起菜单</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe624;</span>
                <div class="name">展开菜单</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe610;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe742;</span>
                <div class="name">列表形式</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe6b4;</span>
                <div class="name">三角上</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe6b5;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe685;</span>
                <div class="name">arrow-left-bold</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe687;</span>
                <div class="name">arrow-right-bold</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf14c;</span>
                <div class="name">arrow-right-bold</div>
                <div class="code-name">&amp;#xf14c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf14d;</span>
                <div class="name">arrow-left-bold</div>
                <div class="code-name">&amp;#xf14d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe604;</span>
                <div class="name">删除1</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf152;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xf152;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe611;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7e9;</span>
                <div class="name">表情</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe60c;</span>
                <div class="name">送达</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe64f;</span>
                <div class="name">安全</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe600;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe62c;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf153;</span>
                <div class="name">删除筛选项</div>
                <div class="code-name">&amp;#xf153;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe64a;</span>
                <div class="name">垃圾桶</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe621;</span>
                <div class="name">删除筛选项</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe61b;</span>
                <div class="name">选择框勾选</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe613;</span>
                <div class="name">通知</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe614;</span>
                <div class="name">Plus</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe615;</span>
                <div class="name">我</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe616;</span>
                <div class="name">扫描</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe618;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe619;</span>
                <div class="name">星星</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe61a;</span>
                <div class="name">钱包</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe62f;</span>
                <div class="name">Scan</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe632;</span>
                <div class="name">Home</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe633;</span>
                <div class="name">Search</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe634;</span>
                <div class="name">Plus</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe635;</span>
                <div class="name">Chart</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe636;</span>
                <div class="name">Bag</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe637;</span>
                <div class="name">Star</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe638;</span>
                <div class="name">Category</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe639;</span>
                <div class="name">Wallet</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe63b;</span>
                <div class="name">Folder</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe63c;</span>
                <div class="name">Discovery</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe63d;</span>
                <div class="name">Message</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe63e;</span>
                <div class="name">Notification</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe63f;</span>
                <div class="name">Game</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe640;</span>
                <div class="name">Profile</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe641;</span>
                <div class="name">Calendar</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe642;</span>
                <div class="name">Setting</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe643;</span>
                <div class="name">Activity</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe644;</span>
                <div class="name">Document</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe645;</span>
                <div class="name">Graph</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe646;</span>
                <div class="name">Chat</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe647;</span>
                <div class="name">Heart</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe648;</span>
                <div class="name">Bookmark</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe649;</span>
                <div class="name">Location</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf13a;</span>
                <div class="name">购物</div>
                <div class="code-name">&amp;#xf13a;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf13c;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xf13c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf13d;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xf13d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7bc;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7c6;</span>
                <div class="name">积分</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7cc;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7cd;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7d0;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7d8;</span>
                <div class="name">优惠券</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7d9;</span>
                <div class="name">资料</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7be;</span>
                <div class="name">待发货</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7bf;</span>
                <div class="name">待付款</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7c0;</span>
                <div class="name">待收货</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7c2;</span>
                <div class="name">反馈</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7d1;</span>
                <div class="name">售后</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'custom-icon';
  src: 
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('iconfont.woff?t=1685428744868') format('woff'),
       url('iconfont.ttf?t=1685428744868') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.custom-icon {
  font-family: "custom-icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="custom-icon"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"custom-icon" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shuaxin"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.custom-icon-shuaxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-xiugai"></span>
            <div class="name">
              修改
            </div>
            <div class="code-name">.custom-icon-xiugai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-tihuan"></span>
            <div class="name">
              替换
            </div>
            <div class="code-name">.custom-icon-tihuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-guanbi1"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.custom-icon-guanbi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-app"></span>
            <div class="name">
              app
            </div>
            <div class="code-name">.custom-icon-app
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-xiaochengxu"></span>
            <div class="name">
              小程序
            </div>
            <div class="code-name">.custom-icon-xiaochengxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-weixin"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.custom-icon-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-jineng"></span>
            <div class="name">
              技能
            </div>
            <div class="code-name">.custom-icon-jineng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-home1149866easyiconnet"></span>
            <div class="name">
              主页
            </div>
            <div class="code-name">.custom-icon-home1149866easyiconnet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-liuyan1"></span>
            <div class="name">
              留言
            </div>
            <div class="code-name">.custom-icon-liuyan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-pailie"></span>
            <div class="name">
              排列
            </div>
            <div class="code-name">.custom-icon-pailie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shangpin2"></span>
            <div class="name">
              商品
            </div>
            <div class="code-name">.custom-icon-shangpin2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-tubiao_zhifu-qianbaozhifu-94"></span>
            <div class="name">
              图标_支付-钱包支付-94
            </div>
            <div class="code-name">.custom-icon-tubiao_zhifu-qianbaozhifu-94
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-caiyouduo_zhifu-weixinzhifu"></span>
            <div class="name">
              彩友多_支付-微信支付
            </div>
            <div class="code-name">.custom-icon-caiyouduo_zhifu-weixinzhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-tubiao_zhifu_zhifubaozhifu"></span>
            <div class="name">
              图标_支付_支付宝支付
            </div>
            <div class="code-name">.custom-icon-tubiao_zhifu_zhifubaozhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-share"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.custom-icon-share
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-user"></span>
            <div class="name">
              个人中心
            </div>
            <div class="code-name">.custom-icon-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-commpany"></span>
            <div class="name">
              工作单位
            </div>
            <div class="code-name">.custom-icon-commpany
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-time"></span>
            <div class="name">
              工作时间
            </div>
            <div class="code-name">.custom-icon-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-close-o"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.custom-icon-close-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-about"></span>
            <div class="name">
              关于
            </div>
            <div class="code-name">.custom-icon-about
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-order-manager"></span>
            <div class="name">
              就诊人管理
            </div>
            <div class="code-name">.custom-icon-order-manager
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-clock"></span>
            <div class="name">
              就诊提醒
            </div>
            <div class="code-name">.custom-icon-clock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-position-o"></span>
            <div class="name">
              距离
            </div>
            <div class="code-name">.custom-icon-position-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-declare"></span>
            <div class="name">
              免责声明
            </div>
            <div class="code-name">.custom-icon-declare
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-prune"></span>
            <div class="name">
              删减
            </div>
            <div class="code-name">.custom-icon-prune
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-cardid"></span>
            <div class="name">
              身份证
            </div>
            <div class="code-name">.custom-icon-cardid
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-mobile"></span>
            <div class="name">
              手机版
            </div>
            <div class="code-name">.custom-icon-mobile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-search"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.custom-icon-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-add"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.custom-icon-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-completed"></span>
            <div class="name">
              完成
            </div>
            <div class="code-name">.custom-icon-completed
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-noread"></span>
            <div class="name">
              未读
            </div>
            <div class="code-name">.custom-icon-noread
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-attention"></span>
            <div class="name">
              我的关注
            </div>
            <div class="code-name">.custom-icon-attention
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-comment"></span>
            <div class="name">
              我的评价
            </div>
            <div class="code-name">.custom-icon-comment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-wallet-o"></span>
            <div class="name">
              我的钱包
            </div>
            <div class="code-name">.custom-icon-wallet-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-notice"></span>
            <div class="name">
              我的通知
            </div>
            <div class="code-name">.custom-icon-notice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-myorder"></span>
            <div class="name">
              我的预约
            </div>
            <div class="code-name">.custom-icon-myorder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-invite-disease"></span>
            <div class="name">
              邀请患者
            </div>
            <div class="code-name">.custom-icon-invite-disease
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-invite"></span>
            <div class="name">
              邀请同行
            </div>
            <div class="code-name">.custom-icon-invite
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-medtitle"></span>
            <div class="name">
              医生职称
            </div>
            <div class="code-name">.custom-icon-medtitle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-read"></span>
            <div class="name">
              已读
            </div>
            <div class="code-name">.custom-icon-read
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-feedback"></span>
            <div class="name">
              用户反馈
            </div>
            <div class="code-name">.custom-icon-feedback
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-order"></span>
            <div class="name">
              预约挂号
            </div>
            <div class="code-name">.custom-icon-order
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-tel"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.custom-icon-tel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-logout"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.custom-icon-logout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-tuichu"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.custom-icon-tuichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-hulianwangoff"></span>
            <div class="name">
              互联网off
            </div>
            <div class="code-name">.custom-icon-hulianwangoff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Androidgengduo"></span>
            <div class="name">
              Android更多
            </div>
            <div class="code-name">.custom-icon-Androidgengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-biyanjing"></span>
            <div class="name">
              闭眼睛
            </div>
            <div class="code-name">.custom-icon-biyanjing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-fanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.custom-icon-fanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shengyin_shiti"></span>
            <div class="name">
              声音_实体
            </div>
            <div class="code-name">.custom-icon-shengyin_shiti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shebeikaifa"></span>
            <div class="name">
              设备开发
            </div>
            <div class="code-name">.custom-icon-shebeikaifa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-cuowukongxin"></span>
            <div class="name">
              错误空心
            </div>
            <div class="code-name">.custom-icon-cuowukongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-jia_sekuai"></span>
            <div class="name">
              加_色块
            </div>
            <div class="code-name">.custom-icon-jia_sekuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-jian_sekuai"></span>
            <div class="name">
              减_色块
            </div>
            <div class="code-name">.custom-icon-jian_sekuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-kong"></span>
            <div class="name">
              空
            </div>
            <div class="code-name">.custom-icon-kong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-chakanmingpian"></span>
            <div class="name">
              查看名片
            </div>
            <div class="code-name">.custom-icon-chakanmingpian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zhangdan"></span>
            <div class="name">
              账单
            </div>
            <div class="code-name">.custom-icon-zhangdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-biaozhu"></span>
            <div class="name">
              标注
            </div>
            <div class="code-name">.custom-icon-biaozhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zuzhiyemian"></span>
            <div class="name">
              组织页面
            </div>
            <div class="code-name">.custom-icon-zuzhiyemian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shuziqianming"></span>
            <div class="name">
              数字签名
            </div>
            <div class="code-name">.custom-icon-shuziqianming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-daosanjiao"></span>
            <div class="name">
              倒三角
            </div>
            <div class="code-name">.custom-icon-daosanjiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-daosanjiao-copy"></span>
            <div class="name">
              倒三角
            </div>
            <div class="code-name">.custom-icon-daosanjiao-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-bangding-"></span>
            <div class="name">
              绑定-01
            </div>
            <div class="code-name">.custom-icon-bangding-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-yly_jisuanqi"></span>
            <div class="name">
              yly_计算器
            </div>
            <div class="code-name">.custom-icon-yly_jisuanqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shangpushangchengshouyefangzi"></span>
            <div class="name">
              商铺   商城   首页  房子
            </div>
            <div class="code-name">.custom-icon-shangpushangchengshouyefangzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-chen"></span>
            <div class="name">
              陈
            </div>
            <div class="code-name">.custom-icon-chen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-guangan"></span>
            <div class="name">
              广安
            </div>
            <div class="code-name">.custom-icon-guangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-icon-test1"></span>
            <div class="name">
              1
            </div>
            <div class="code-name">.custom-icon-icon-test1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-mima"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.custom-icon-mima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zhuanfa"></span>
            <div class="name">
              3.1转发
            </div>
            <div class="code-name">.custom-icon-zhuanfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zk-l"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.custom-icon-zk-l
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zk-r"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.custom-icon-zk-r
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zk-t"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.custom-icon-zk-t
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zk-b"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.custom-icon-zk-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-kefu"></span>
            <div class="name">
              联系客服
            </div>
            <div class="code-name">.custom-icon-kefu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-yj1"></span>
            <div class="name">
              眼睛
            </div>
            <div class="code-name">.custom-icon-yj1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-yj2"></span>
            <div class="name">
              眼睛
            </div>
            <div class="code-name">.custom-icon-yj2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shouqicaidan"></span>
            <div class="name">
              收起菜单
            </div>
            <div class="code-name">.custom-icon-shouqicaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zhankaicaidan"></span>
            <div class="name">
              展开菜单
            </div>
            <div class="code-name">.custom-icon-zhankaicaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shaixuan"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.custom-icon-shaixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-liebiaoxingshi"></span>
            <div class="name">
              列表形式
            </div>
            <div class="code-name">.custom-icon-liebiaoxingshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-sanjiaotop"></span>
            <div class="name">
              三角上
            </div>
            <div class="code-name">.custom-icon-sanjiaotop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-sanjiaodown"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.custom-icon-sanjiaodown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-arrow-left"></span>
            <div class="name">
              arrow-left-bold
            </div>
            <div class="code-name">.custom-icon-arrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-arrow-right"></span>
            <div class="name">
              arrow-right-bold
            </div>
            <div class="code-name">.custom-icon-arrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-arrow-bottom"></span>
            <div class="name">
              arrow-right-bold
            </div>
            <div class="code-name">.custom-icon-arrow-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-arrow-top"></span>
            <div class="name">
              arrow-left-bold
            </div>
            <div class="code-name">.custom-icon-arrow-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shanchu1"></span>
            <div class="name">
              删除1
            </div>
            <div class="code-name">.custom-icon-shanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-jia-copy"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.custom-icon-jia-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-guanbi"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.custom-icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-biaoqing"></span>
            <div class="name">
              表情
            </div>
            <div class="code-name">.custom-icon-biaoqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-songda"></span>
            <div class="name">
              送达
            </div>
            <div class="code-name">.custom-icon-songda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-anquan"></span>
            <div class="name">
              安全
            </div>
            <div class="code-name">.custom-icon-anquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-ico"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.custom-icon-ico
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-fuzhi"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.custom-icon-fuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-delete2-copy"></span>
            <div class="name">
              删除筛选项
            </div>
            <div class="code-name">.custom-icon-delete2-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-trash"></span>
            <div class="name">
              垃圾桶
            </div>
            <div class="code-name">.custom-icon-trash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-delete2"></span>
            <div class="name">
              删除筛选项
            </div>
            <div class="code-name">.custom-icon-delete2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-gouxuan"></span>
            <div class="name">
              选择框勾选
            </div>
            <div class="code-name">.custom-icon-gouxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Notification"></span>
            <div class="name">
              通知
            </div>
            <div class="code-name">.custom-icon-Notification
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Plus"></span>
            <div class="name">
              Plus
            </div>
            <div class="code-name">.custom-icon-Plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Profile"></span>
            <div class="name">
              我
            </div>
            <div class="code-name">.custom-icon-Profile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Scan"></span>
            <div class="name">
              扫描
            </div>
            <div class="code-name">.custom-icon-Scan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Setting"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.custom-icon-Setting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Star"></span>
            <div class="name">
              星星
            </div>
            <div class="code-name">.custom-icon-Star
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Wallet"></span>
            <div class="name">
              钱包
            </div>
            <div class="code-name">.custom-icon-Wallet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Scan1"></span>
            <div class="name">
              Scan
            </div>
            <div class="code-name">.custom-icon-Scan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Home"></span>
            <div class="name">
              Home
            </div>
            <div class="code-name">.custom-icon-Home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Search2"></span>
            <div class="name">
              Search
            </div>
            <div class="code-name">.custom-icon-Search2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Plus2"></span>
            <div class="name">
              Plus
            </div>
            <div class="code-name">.custom-icon-Plus2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Chart1"></span>
            <div class="name">
              Chart
            </div>
            <div class="code-name">.custom-icon-Chart1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Bag1"></span>
            <div class="name">
              Bag
            </div>
            <div class="code-name">.custom-icon-Bag1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Star2"></span>
            <div class="name">
              Star
            </div>
            <div class="code-name">.custom-icon-Star2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Category1"></span>
            <div class="name">
              Category
            </div>
            <div class="code-name">.custom-icon-Category1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Wallet2"></span>
            <div class="name">
              Wallet
            </div>
            <div class="code-name">.custom-icon-Wallet2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Folder1"></span>
            <div class="name">
              Folder
            </div>
            <div class="code-name">.custom-icon-Folder1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Discovery1"></span>
            <div class="name">
              Discovery
            </div>
            <div class="code-name">.custom-icon-Discovery1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Message1"></span>
            <div class="name">
              Message
            </div>
            <div class="code-name">.custom-icon-Message1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Notification2"></span>
            <div class="name">
              Notification
            </div>
            <div class="code-name">.custom-icon-Notification2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Game1"></span>
            <div class="name">
              Game
            </div>
            <div class="code-name">.custom-icon-Game1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Profile2"></span>
            <div class="name">
              Profile
            </div>
            <div class="code-name">.custom-icon-Profile2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Calendar1"></span>
            <div class="name">
              Calendar
            </div>
            <div class="code-name">.custom-icon-Calendar1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Setting2"></span>
            <div class="name">
              Setting
            </div>
            <div class="code-name">.custom-icon-Setting2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Activity1"></span>
            <div class="name">
              Activity
            </div>
            <div class="code-name">.custom-icon-Activity1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Document1"></span>
            <div class="name">
              Document
            </div>
            <div class="code-name">.custom-icon-Document1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Graph1"></span>
            <div class="name">
              Graph
            </div>
            <div class="code-name">.custom-icon-Graph1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Chat1"></span>
            <div class="name">
              Chat
            </div>
            <div class="code-name">.custom-icon-Chat1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Heart1"></span>
            <div class="name">
              Heart
            </div>
            <div class="code-name">.custom-icon-Heart1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Bookmark1"></span>
            <div class="name">
              Bookmark
            </div>
            <div class="code-name">.custom-icon-Bookmark1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Location1"></span>
            <div class="name">
              Location
            </div>
            <div class="code-name">.custom-icon-Location1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-gouwu"></span>
            <div class="name">
              购物
            </div>
            <div class="code-name">.custom-icon-gouwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.custom-icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-wode1"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.custom-icon-wode1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-bangzhu"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.custom-icon-bangzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-jifen"></span>
            <div class="name">
              积分
            </div>
            <div class="code-name">.custom-icon-jifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.custom-icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.custom-icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.custom-icon-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-youhuiquan"></span>
            <div class="name">
              优惠券
            </div>
            <div class="code-name">.custom-icon-youhuiquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-ziliao"></span>
            <div class="name">
              资料
            </div>
            <div class="code-name">.custom-icon-ziliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-daifahuo"></span>
            <div class="name">
              待发货
            </div>
            <div class="code-name">.custom-icon-daifahuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-daifukuan"></span>
            <div class="name">
              待付款
            </div>
            <div class="code-name">.custom-icon-daifukuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-daishouhuo"></span>
            <div class="name">
              待收货
            </div>
            <div class="code-name">.custom-icon-daishouhuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-fankui"></span>
            <div class="name">
              反馈
            </div>
            <div class="code-name">.custom-icon-fankui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shouhou"></span>
            <div class="name">
              售后
            </div>
            <div class="code-name">.custom-icon-shouhou
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="custom-icon custom-icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            custom-icon" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shuaxin"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#custom-icon-shuaxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-xiugai"></use>
                </svg>
                <div class="name">修改</div>
                <div class="code-name">#custom-icon-xiugai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-tihuan"></use>
                </svg>
                <div class="name">替换</div>
                <div class="code-name">#custom-icon-tihuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-guanbi1"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#custom-icon-guanbi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-app"></use>
                </svg>
                <div class="name">app</div>
                <div class="code-name">#custom-icon-app</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-xiaochengxu"></use>
                </svg>
                <div class="name">小程序</div>
                <div class="code-name">#custom-icon-xiaochengxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-weixin"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#custom-icon-weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-jineng"></use>
                </svg>
                <div class="name">技能</div>
                <div class="code-name">#custom-icon-jineng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-home1149866easyiconnet"></use>
                </svg>
                <div class="name">主页</div>
                <div class="code-name">#custom-icon-home1149866easyiconnet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-liuyan1"></use>
                </svg>
                <div class="name">留言</div>
                <div class="code-name">#custom-icon-liuyan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-pailie"></use>
                </svg>
                <div class="name">排列</div>
                <div class="code-name">#custom-icon-pailie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shangpin2"></use>
                </svg>
                <div class="name">商品</div>
                <div class="code-name">#custom-icon-shangpin2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-tubiao_zhifu-qianbaozhifu-94"></use>
                </svg>
                <div class="name">图标_支付-钱包支付-94</div>
                <div class="code-name">#custom-icon-tubiao_zhifu-qianbaozhifu-94</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-caiyouduo_zhifu-weixinzhifu"></use>
                </svg>
                <div class="name">彩友多_支付-微信支付</div>
                <div class="code-name">#custom-icon-caiyouduo_zhifu-weixinzhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-tubiao_zhifu_zhifubaozhifu"></use>
                </svg>
                <div class="name">图标_支付_支付宝支付</div>
                <div class="code-name">#custom-icon-tubiao_zhifu_zhifubaozhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-share"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#custom-icon-share</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-user"></use>
                </svg>
                <div class="name">个人中心</div>
                <div class="code-name">#custom-icon-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-commpany"></use>
                </svg>
                <div class="name">工作单位</div>
                <div class="code-name">#custom-icon-commpany</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-time"></use>
                </svg>
                <div class="name">工作时间</div>
                <div class="code-name">#custom-icon-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-close-o"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#custom-icon-close-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-about"></use>
                </svg>
                <div class="name">关于</div>
                <div class="code-name">#custom-icon-about</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-order-manager"></use>
                </svg>
                <div class="name">就诊人管理</div>
                <div class="code-name">#custom-icon-order-manager</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-clock"></use>
                </svg>
                <div class="name">就诊提醒</div>
                <div class="code-name">#custom-icon-clock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-position-o"></use>
                </svg>
                <div class="name">距离</div>
                <div class="code-name">#custom-icon-position-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-declare"></use>
                </svg>
                <div class="name">免责声明</div>
                <div class="code-name">#custom-icon-declare</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-prune"></use>
                </svg>
                <div class="name">删减</div>
                <div class="code-name">#custom-icon-prune</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-cardid"></use>
                </svg>
                <div class="name">身份证</div>
                <div class="code-name">#custom-icon-cardid</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-mobile"></use>
                </svg>
                <div class="name">手机版</div>
                <div class="code-name">#custom-icon-mobile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-search"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#custom-icon-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-add"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#custom-icon-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-completed"></use>
                </svg>
                <div class="name">完成</div>
                <div class="code-name">#custom-icon-completed</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-noread"></use>
                </svg>
                <div class="name">未读</div>
                <div class="code-name">#custom-icon-noread</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-attention"></use>
                </svg>
                <div class="name">我的关注</div>
                <div class="code-name">#custom-icon-attention</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-comment"></use>
                </svg>
                <div class="name">我的评价</div>
                <div class="code-name">#custom-icon-comment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-wallet-o"></use>
                </svg>
                <div class="name">我的钱包</div>
                <div class="code-name">#custom-icon-wallet-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-notice"></use>
                </svg>
                <div class="name">我的通知</div>
                <div class="code-name">#custom-icon-notice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-myorder"></use>
                </svg>
                <div class="name">我的预约</div>
                <div class="code-name">#custom-icon-myorder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-invite-disease"></use>
                </svg>
                <div class="name">邀请患者</div>
                <div class="code-name">#custom-icon-invite-disease</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-invite"></use>
                </svg>
                <div class="name">邀请同行</div>
                <div class="code-name">#custom-icon-invite</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-medtitle"></use>
                </svg>
                <div class="name">医生职称</div>
                <div class="code-name">#custom-icon-medtitle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-read"></use>
                </svg>
                <div class="name">已读</div>
                <div class="code-name">#custom-icon-read</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-feedback"></use>
                </svg>
                <div class="name">用户反馈</div>
                <div class="code-name">#custom-icon-feedback</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-order"></use>
                </svg>
                <div class="name">预约挂号</div>
                <div class="code-name">#custom-icon-order</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-tel"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#custom-icon-tel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-logout"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#custom-icon-logout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-tuichu"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#custom-icon-tuichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-hulianwangoff"></use>
                </svg>
                <div class="name">互联网off</div>
                <div class="code-name">#custom-icon-hulianwangoff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Androidgengduo"></use>
                </svg>
                <div class="name">Android更多</div>
                <div class="code-name">#custom-icon-Androidgengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-biyanjing"></use>
                </svg>
                <div class="name">闭眼睛</div>
                <div class="code-name">#custom-icon-biyanjing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-fanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#custom-icon-fanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shengyin_shiti"></use>
                </svg>
                <div class="name">声音_实体</div>
                <div class="code-name">#custom-icon-shengyin_shiti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shebeikaifa"></use>
                </svg>
                <div class="name">设备开发</div>
                <div class="code-name">#custom-icon-shebeikaifa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-cuowukongxin"></use>
                </svg>
                <div class="name">错误空心</div>
                <div class="code-name">#custom-icon-cuowukongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-jia_sekuai"></use>
                </svg>
                <div class="name">加_色块</div>
                <div class="code-name">#custom-icon-jia_sekuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-jian_sekuai"></use>
                </svg>
                <div class="name">减_色块</div>
                <div class="code-name">#custom-icon-jian_sekuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-kong"></use>
                </svg>
                <div class="name">空</div>
                <div class="code-name">#custom-icon-kong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-chakanmingpian"></use>
                </svg>
                <div class="name">查看名片</div>
                <div class="code-name">#custom-icon-chakanmingpian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zhangdan"></use>
                </svg>
                <div class="name">账单</div>
                <div class="code-name">#custom-icon-zhangdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-biaozhu"></use>
                </svg>
                <div class="name">标注</div>
                <div class="code-name">#custom-icon-biaozhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zuzhiyemian"></use>
                </svg>
                <div class="name">组织页面</div>
                <div class="code-name">#custom-icon-zuzhiyemian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shuziqianming"></use>
                </svg>
                <div class="name">数字签名</div>
                <div class="code-name">#custom-icon-shuziqianming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-daosanjiao"></use>
                </svg>
                <div class="name">倒三角</div>
                <div class="code-name">#custom-icon-daosanjiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-daosanjiao-copy"></use>
                </svg>
                <div class="name">倒三角</div>
                <div class="code-name">#custom-icon-daosanjiao-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-bangding-"></use>
                </svg>
                <div class="name">绑定-01</div>
                <div class="code-name">#custom-icon-bangding-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-yly_jisuanqi"></use>
                </svg>
                <div class="name">yly_计算器</div>
                <div class="code-name">#custom-icon-yly_jisuanqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shangpushangchengshouyefangzi"></use>
                </svg>
                <div class="name">商铺   商城   首页  房子</div>
                <div class="code-name">#custom-icon-shangpushangchengshouyefangzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-chen"></use>
                </svg>
                <div class="name">陈</div>
                <div class="code-name">#custom-icon-chen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-guangan"></use>
                </svg>
                <div class="name">广安</div>
                <div class="code-name">#custom-icon-guangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-icon-test1"></use>
                </svg>
                <div class="name">1</div>
                <div class="code-name">#custom-icon-icon-test1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-mima"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#custom-icon-mima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zhuanfa"></use>
                </svg>
                <div class="name">3.1转发</div>
                <div class="code-name">#custom-icon-zhuanfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zk-l"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#custom-icon-zk-l</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zk-r"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#custom-icon-zk-r</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zk-t"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#custom-icon-zk-t</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zk-b"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#custom-icon-zk-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-kefu"></use>
                </svg>
                <div class="name">联系客服</div>
                <div class="code-name">#custom-icon-kefu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-yj1"></use>
                </svg>
                <div class="name">眼睛</div>
                <div class="code-name">#custom-icon-yj1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-yj2"></use>
                </svg>
                <div class="name">眼睛</div>
                <div class="code-name">#custom-icon-yj2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shouqicaidan"></use>
                </svg>
                <div class="name">收起菜单</div>
                <div class="code-name">#custom-icon-shouqicaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zhankaicaidan"></use>
                </svg>
                <div class="name">展开菜单</div>
                <div class="code-name">#custom-icon-zhankaicaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shaixuan"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#custom-icon-shaixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-liebiaoxingshi"></use>
                </svg>
                <div class="name">列表形式</div>
                <div class="code-name">#custom-icon-liebiaoxingshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-sanjiaotop"></use>
                </svg>
                <div class="name">三角上</div>
                <div class="code-name">#custom-icon-sanjiaotop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-sanjiaodown"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#custom-icon-sanjiaodown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-arrow-left"></use>
                </svg>
                <div class="name">arrow-left-bold</div>
                <div class="code-name">#custom-icon-arrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-arrow-right"></use>
                </svg>
                <div class="name">arrow-right-bold</div>
                <div class="code-name">#custom-icon-arrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-arrow-bottom"></use>
                </svg>
                <div class="name">arrow-right-bold</div>
                <div class="code-name">#custom-icon-arrow-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-arrow-top"></use>
                </svg>
                <div class="name">arrow-left-bold</div>
                <div class="code-name">#custom-icon-arrow-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shanchu1"></use>
                </svg>
                <div class="name">删除1</div>
                <div class="code-name">#custom-icon-shanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-jia-copy"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#custom-icon-jia-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-guanbi"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#custom-icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-biaoqing"></use>
                </svg>
                <div class="name">表情</div>
                <div class="code-name">#custom-icon-biaoqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-songda"></use>
                </svg>
                <div class="name">送达</div>
                <div class="code-name">#custom-icon-songda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-anquan"></use>
                </svg>
                <div class="name">安全</div>
                <div class="code-name">#custom-icon-anquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-ico"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#custom-icon-ico</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-fuzhi"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#custom-icon-fuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-delete2-copy"></use>
                </svg>
                <div class="name">删除筛选项</div>
                <div class="code-name">#custom-icon-delete2-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-trash"></use>
                </svg>
                <div class="name">垃圾桶</div>
                <div class="code-name">#custom-icon-trash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-delete2"></use>
                </svg>
                <div class="name">删除筛选项</div>
                <div class="code-name">#custom-icon-delete2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-gouxuan"></use>
                </svg>
                <div class="name">选择框勾选</div>
                <div class="code-name">#custom-icon-gouxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Notification"></use>
                </svg>
                <div class="name">通知</div>
                <div class="code-name">#custom-icon-Notification</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Plus"></use>
                </svg>
                <div class="name">Plus</div>
                <div class="code-name">#custom-icon-Plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Profile"></use>
                </svg>
                <div class="name">我</div>
                <div class="code-name">#custom-icon-Profile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Scan"></use>
                </svg>
                <div class="name">扫描</div>
                <div class="code-name">#custom-icon-Scan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Setting"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#custom-icon-Setting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Star"></use>
                </svg>
                <div class="name">星星</div>
                <div class="code-name">#custom-icon-Star</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Wallet"></use>
                </svg>
                <div class="name">钱包</div>
                <div class="code-name">#custom-icon-Wallet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Scan1"></use>
                </svg>
                <div class="name">Scan</div>
                <div class="code-name">#custom-icon-Scan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Home"></use>
                </svg>
                <div class="name">Home</div>
                <div class="code-name">#custom-icon-Home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Search2"></use>
                </svg>
                <div class="name">Search</div>
                <div class="code-name">#custom-icon-Search2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Plus2"></use>
                </svg>
                <div class="name">Plus</div>
                <div class="code-name">#custom-icon-Plus2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Chart1"></use>
                </svg>
                <div class="name">Chart</div>
                <div class="code-name">#custom-icon-Chart1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Bag1"></use>
                </svg>
                <div class="name">Bag</div>
                <div class="code-name">#custom-icon-Bag1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Star2"></use>
                </svg>
                <div class="name">Star</div>
                <div class="code-name">#custom-icon-Star2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Category1"></use>
                </svg>
                <div class="name">Category</div>
                <div class="code-name">#custom-icon-Category1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Wallet2"></use>
                </svg>
                <div class="name">Wallet</div>
                <div class="code-name">#custom-icon-Wallet2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Folder1"></use>
                </svg>
                <div class="name">Folder</div>
                <div class="code-name">#custom-icon-Folder1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Discovery1"></use>
                </svg>
                <div class="name">Discovery</div>
                <div class="code-name">#custom-icon-Discovery1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Message1"></use>
                </svg>
                <div class="name">Message</div>
                <div class="code-name">#custom-icon-Message1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Notification2"></use>
                </svg>
                <div class="name">Notification</div>
                <div class="code-name">#custom-icon-Notification2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Game1"></use>
                </svg>
                <div class="name">Game</div>
                <div class="code-name">#custom-icon-Game1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Profile2"></use>
                </svg>
                <div class="name">Profile</div>
                <div class="code-name">#custom-icon-Profile2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Calendar1"></use>
                </svg>
                <div class="name">Calendar</div>
                <div class="code-name">#custom-icon-Calendar1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Setting2"></use>
                </svg>
                <div class="name">Setting</div>
                <div class="code-name">#custom-icon-Setting2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Activity1"></use>
                </svg>
                <div class="name">Activity</div>
                <div class="code-name">#custom-icon-Activity1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Document1"></use>
                </svg>
                <div class="name">Document</div>
                <div class="code-name">#custom-icon-Document1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Graph1"></use>
                </svg>
                <div class="name">Graph</div>
                <div class="code-name">#custom-icon-Graph1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Chat1"></use>
                </svg>
                <div class="name">Chat</div>
                <div class="code-name">#custom-icon-Chat1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Heart1"></use>
                </svg>
                <div class="name">Heart</div>
                <div class="code-name">#custom-icon-Heart1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Bookmark1"></use>
                </svg>
                <div class="name">Bookmark</div>
                <div class="code-name">#custom-icon-Bookmark1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Location1"></use>
                </svg>
                <div class="name">Location</div>
                <div class="code-name">#custom-icon-Location1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-gouwu"></use>
                </svg>
                <div class="name">购物</div>
                <div class="code-name">#custom-icon-gouwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#custom-icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-wode1"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#custom-icon-wode1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-bangzhu"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#custom-icon-bangzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-jifen"></use>
                </svg>
                <div class="name">积分</div>
                <div class="code-name">#custom-icon-jifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#custom-icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#custom-icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#custom-icon-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-youhuiquan"></use>
                </svg>
                <div class="name">优惠券</div>
                <div class="code-name">#custom-icon-youhuiquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-ziliao"></use>
                </svg>
                <div class="name">资料</div>
                <div class="code-name">#custom-icon-ziliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-daifahuo"></use>
                </svg>
                <div class="name">待发货</div>
                <div class="code-name">#custom-icon-daifahuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-daifukuan"></use>
                </svg>
                <div class="name">待付款</div>
                <div class="code-name">#custom-icon-daifukuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-daishouhuo"></use>
                </svg>
                <div class="name">待收货</div>
                <div class="code-name">#custom-icon-daishouhuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-fankui"></use>
                </svg>
                <div class="name">反馈</div>
                <div class="code-name">#custom-icon-fankui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shouhou"></use>
                </svg>
                <div class="name">售后</div>
                <div class="code-name">#custom-icon-shouhou</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
